.sf-menu {float:right;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left;}
.sf-menu a {display:block; font-size:14px; line-height:20px; color:#272727; font-family: Arial, Helvetica, sans-serif;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu {margin:0;}

ul.sf-menu>li { background:url(../Image/site/li-bg.gif) 0 12px no-repeat; display:inline-block; padding:0 0px 0 4px;}
ul.sf-menu>li:first-child {background:transparent;}

ul.sf-menu>li>a{ height:36px; white-space:nowrap; overflow:hidden; color:#272727; text-decoration:none; padding: 0 0px 0 20px; background:url(../Image/site/transp.png) left 0 no-repeat;}
ul.sf-menu>li>a>span {padding:0px 20px 0 0; background:url(../Image/site/transp.png) right 0 no-repeat; display:block;}
ul.sf-menu>li>a>span>span {background:url(../Image/site/transp.png) left 0 repeat-x; display:block; padding:7px 0px 9px 0px;}
ul.sf-menu>li:first-child>a>span>span {}

ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { background:url(../Image/site/menu-l.png) left top no-repeat; color:#24c105;}
ul.sf-menu>li.current>a>span, ul.sf-menu>li.sfHover>a>span, ul.sf-menu>li>a:hover>span  {background:url(../Image/site/menu-r.png) right top no-repeat;text-decoration:none;}
ul.sf-menu>li.current>a>span>span, ul.sf-menu>li.sfHover>a>span>span, ul.sf-menu>li>a:hover>span>span {background:url(../Image/site/menu-m.png) left top repeat-x;text-decoration:none;}

ul.sf-menu li>ul {background:#fff; border:#fff 1px solid; box-shadow: inset 0 0 30px #e4e3e3, 0 0 3px #c7c7c7; border-radius:5px; width:112px; padding:9px 11px 10px 9px; top:36px; left:6px; list-style:none;}
ul.sf-menu li>ul>li {width:112px; border-top:#f0f0f0 1px solid; }
ul.sf-menu li>ul>li:first-child {border:none;}
ul.sf-menu li>ul>li>a { color:#686868; padding:4px 0px 5px 8px; text-align:left; display:inline-block; }
ul.sf-menu li>ul>li:hover, ul.sf-menu li.sfHover ul>li.sfHover {}
ul.sf-menu li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover ul li.sfHover a {color:#24c105;text-decoration:none;}

ul.sf-menu>li.sfHover ul li ul {background:#fff; border:#fff 1px solid; box-shadow: inset 0 0 30px #e4e3e3, 0 0 3px #c7c7c7; border-radius:5px; width:112px; padding:12px 11px 13px 9px; top:5px; left:126px; }
ul.sf-menu li ul li ul li {width:112px; border-top:#f0f0f0 1px solid;}
ul.sf-menu li ul li ul li:first-child {border:none;}
ul.sf-menu li ul li ul li a {color:#686868 !important; padding:4px 0px 5px 8px; text-align:left; display:inline-block; }
ul.sf-menu li ul li ul li:hover {}
ul.sf-menu li ul li ul li:hover a {color:#24c105 !important;text-decoration:none;}

ul.sf-menu>li>a.active { color: red; }
